<template>
  <el-container class="main-box">
    <Headercom />   
    <!-- <Breakcroumb />  -->
    <el-main>
      <router-view></router-view>
    </el-main>
  </el-container>
</template>
<script>
import Headercom from "./Header.vue";
// import Breakcroumb from "@/components/breakcrumb.vue";
export default {
  name: "Header",
  data() {
    return {};
  },
  components: {
    Headercom,
    // Breakcroumb
  },
};
</script>
<style lang="scss" scoped>
.main-box {
  display: flex;
  flex-direction: column;
  background: #eee;
  .el-header {   
    box-shadow: 0px 6px 10px rgba(214, 214, 214, 0.16);
    opacity: 1;
  }
  .el-main {
    // padding: 0 28px 28px 28px !important;
    padding: 10px;
    background: #eee;
  }
}
</style>